<div class="text-center">
    <h1>PAISES</h1>
</div>
<?php foreach ($ciudades as $datos) : ?>
    <h2><?php echo $datos->nombre ?><small><br><?php echo $datos->estado == 1 ? "enabled" : "disabled" ?></small></h2>
<?php endforeach; ?>

<script>
    function viewModal(url)
    {
        var urlLista = baseUrl + "index.php?r=" + url;
        $.ajax({
            type: "POST",
            url: urlLista,
             keyboard: false,
            success: function(data) {
                console.log(data);
                showModalData(data);

            }
        });
    }
    function showModalData(html) {
        $("#mainModal").html(html);
        $("#mainModal").modal("show");
    }

//    function mostrar()
//    {
//        var dt = 'DATOS POR SEPARADO</div><div class="modal-footer"><a onClick="alert(&quot;aasd&quot;)" class="btn btn-success"><i class="icon-ok"></i> Guardar</a>    <a data-dismiss="modal" class="btn"><i class="icon-remove"></i> Cancel</a></div>'
//        $("#mainModal").html(dt);
//        $("#mainModal").modal("show");
//    }
</script>

<div class=''>
    <div class='text-center'>
        <?php
        $this->widget('bootstrap.widgets.TbButton', array(
            'id' => 'actualizar',
            'label' => 'Registrar',
            'encodeLabel' => false,
            'icon' => 'ok',
            'htmlOptions' => array(
                'onClick' => 'viewModal("ciudades/actualizarModal")',
            ),
        ));

        $this->widget('bootstrap.widgets.TbButton', array(
            'type' => 'success',
            'icon' => 'ok',
            'label' => Yii::t('AweCrud.app', 'Mostrar '),
//        'label' => $model->isNewRecord ? Yii::t('AweCrud.app', 'Create') : Yii::t('AweCrud.app', 'Save'),
            'htmlOptions' => array(
                'onClick' => 'mostrar()')
        ));
        ?>
    </div>

    <div class="alert alert-info">
        <a href="#" class="close" data-dismiss="alert">&times;</a>
        <strong>Mensaje enviado!</strong>
        El mensaje ha llegado a su receptor de manera pronta y segura. 
    </div>



    <!-- Input que ocupa el ancho completo -->
    <input class="input-block-level" type="text" placeholder="Input">
</div>
<script>
$(document).ready(function () {

    var opciones = {
        placement: "right",  // Posicionado a la derecha
        delay: 200  // Tiempo de espera 200 milésimas de segundo
    };
    
    // Se seleccionan los elementos con clase btn
    $(".btn").tooltip(opciones);

});
</script>

<button class="btn"
        title="Esto es un mensaje que mostrará al pasar el mouse por encima!">
    Boton
</button>